
import BaseView from "./baseView.js";

export default class shouye extends BaseView {
    //添加css样式
    renderCss() {
        $("head").append('<link rel="stylesheet" type="text/css" href="css/dingdan.css"><link rel="stylesheet" type="text/css" href="css/reset.css">')
    }
    render() {
        this.$el.html(`
        <!-- 头部 -->
        <header>
            <nav class="H-nav layout">
                <div class="layout H-left-div">
                    <a href="#/homepages">
                        <p class="log">
                            <span class="text">猫眼电影</span>
                            <span class="beijin"></span>
                            <span class="faguang"></span>
                        </p>
                    </a>
                    <div class="layout">
                    <span>成都
                    <ol>
                        <li class="layout">
                            <span>区:</span><a href="">武侯</a><a href="">郫都</a><a href="">双流</a><a href="">金牛</a>
                        </li>
                    </ol>
                </span>
                    </div>
                    <ul class="layout H-link">
                        <li class="layout">
                            <a href="#/homepages">首页</a>
                        </li>
                        <li class="layout">
                            <a href="#/movies">电影</a>
                        </li>
                        <li class="layout">
                            <a href="#/yingyuans">影院</a>
                        </li>
                        <li class="layout">
                            <a href="">榜单</a>
                        </li>
                        <li class="layout">
                            <a href="">热点</a>
                        </li>
                    </ul>
                </div>
                <div class="H-right-div layout">
                    <form action="">
                        <input type="text" placeholder="找影视剧、影人、影院">
                    </form>
                    <div class="register">
                        <div>
                            <div class="yuan">
                                <div class="you">
                                </div>
                                <div class="zhongjian">
                                    <p>
                                        <a href="#/logins">登录</a>
                                        <a href="#/dingdans">我的订单</a>
                                    </p>
                                </div>
                                <div class="zuo">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
        <!-- 内容 -->
        <main class="layout main">
            <!-- 左边 -->
            <div>
                <h1>个人中心</h1>
                <ul>
                    <li>
                        <label for="information-input-1">我的订单</label>
                    </li>
                    <li>
                        <label for="information-input-2">基本信息</label>
                    </li>
                </ul>
            </div>
            <input type="radio" name="information" id="information-input-1" checked>
            <article>
                <aside>
                    我的订单
                </aside>
                <div>
                    <h1>我的订单</h1>
                </div>
                <ul>
                    <input type="radio" id="indent-1">
                    <li>
                        <header class="layout">
                            <p>2018-12-0</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-1"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy1.jpg" alt="">
                                <div>
                                    <h1>我的姐姐</h1>
                                    <p>太平洋影城（北欧知识城店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥46</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-2">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-2"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/daojian.jpg" alt="">
                                <div>
                                    <h1>刀剑神域</h1>
                                    <p>皇家影院</p>
                                    <p><span>1号激光厅</span>&nbsp;&nbsp;<span>2排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥86</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-3">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-3"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy2.jpg" alt="">
                                <div>
                                    <h1>名侦探柯南</h1>
                                    <p>承光影界（航空港店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥56</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-4">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-4"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy3.jpg" alt="">
                                <div>
                                    <h1>你的婚礼</h1>
                                    <p>联娱国际影城（兰天店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥80</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-5">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-5"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy4.jpg" alt="">
                                <div>
                                    <h1>你好，李焕英</h1>
                                    <p>联娱国际影城（兰天店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥60</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-6">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-6"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy5.jpg" alt="">
                                <div>
                                    <h1>刺杀小说家</h1>
                                    <p>天智创客影城（川外店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥30</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-7">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-7"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy6.jpg" alt="">
                                <div>
                                    <h1>在见，少年</h1>
                                    <p>太平洋影城（羊安店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥40</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <input type="radio" id="indent-8">
                    <li>
                        <header class="layout">
                            <p>2018-12-09</p><span>猫眼订单号:20544501640</span>
                            <label for="indent-8"></label>
                        </header>
                        <section class="layout">
                            <div class="layout">
                                <img src="./img/dy7.jpg" alt="">
                                <div>
                                    <h1>唐人街探案3</h1>
                                    <p>CGV影城（科华4DX店）</p>
                                    <p><span>4号激光厅</span>&nbsp;&nbsp;<span>7排7坐</span>&nbsp;&nbsp;<span>7排8坐</span></p>
                                    <p>
                                        <span>周日</span>&nbsp;&nbsp;<span>12月9日</span>&nbsp;&nbsp;<span>14:20</span>
                                    </p>
                                </div>
                            </div>
                            <div class="layout">
                                <span>￥77</span>
                                <span>完成</span>
                                <a href="">查看详情</a>
                            </div>
                        </section>
                    </li>
                    <div>
                        <ul class="layout">
                            <li><a href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><a href="">3</a></li>
                            <li><a href="">下一页</a></li>
                        </ul>
                    </div>
                </ul>
            </article>
            <input type="radio" name="information" id="information-input-2">
            <article>
                <aside class="asidetwo">
                    基本信息
                </aside>
                <div>
                    <h1>基本信息</h1>
                </div>
                <ul>
                    <li class="layout geren">
                        <img src="./img/1touxiang.jp.jpg" alt="">
                        <div>
                            <h1 class="geren-m">昵称：<span>吃龙的小飞侠</span></h1>
                            <p class="geren-xin">个人信息：</p>
                            <p class="geren-xin2">这个人好懒啥都没有!!!</p>
                        </div>
                    </li>
                </ul>
            </article>
        </main>
        <!-- 底部 -->
        <footer>
            <nav>
                <ul class="layout">
                    <li>
                        <a href="#/homepages">关于我们</a>
                    </li>
                    <li>
                        <a href="#/homepages">管理团队</a>
                    </li>
                    <li>
                        <a href="#/homepages">投资者关系</a>
                    </li>
                    <li>
                        <a href="#/homepages">美团网</a>
                    </li>
                    <li>
                        <a href="#/homepages">格瓦拉</a>
                    </li>
                    <li>
                        <a href="#/homepages">美团下载</a>
                    </li>
                </ul>
            </nav>
            <p>商务合作邮箱：v@maoyan.com客服电话：10105335违法和不良信息举报电话：4006018900</p>
            <p>北京猫眼文化传媒有限公司</p>
        </footer>
        `)
    }
}